<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	template="/layout/template.xhtml">
	<ui:define name="body">
	<center> <h1 class="title ui-widget-header ui-corner-all">#{message['titulo.mantenimiento.empleado']}</h1></center>
		<h:form id="form">
		<p:messages id="message" showDetail="true"/>
		<p:panel  id="panel">
	   <center><p:wizard id="wiz" widgetVar="wiz"  flowListener="#{mantenimientoEmpleadoFormAction.onFlowProcess}" nextLabel="#{message['btn.siguiente']}" backLabel="#{message['btn.atraz']}">
	    <p:tab title="#{message['empleadowizard.tabpersonal']}">
	    <p:panel > 
	    
        <center><h:panelGrid columns="2" cellpadding="5">
			
			<h:outputText value="#{message['empleado.nombre']}" />
			<p:inputText id="nombre" value="#{mantenimientoEmpleadoFormAction.objEmpleado.nombreemp}" required="true" label="Nombre" style="width:250px;font-weight:bold"
			requiredMessage="#{message['empleado.nombre.validation']}"/>
			
			<h:outputText value="#{message['empleado.apepaterno']}" />
			<p:inputText id="apepaterno" value="#{mantenimientoEmpleadoFormAction.objEmpleado.apepatemp}" required="true" label="Apellido paterno" style="width:250px;font-weight:bold"
			requiredMessage="#{message['empleado.apepaterno.validation']}"/>
			
			<h:outputText value="#{message['empleado.apematerno']}" />
			<p:inputText id="apematerno" value="#{mantenimientoEmpleadoFormAction.objEmpleado.apematemp}" required="true" label="Apellido materno" style="width:250px;font-weight:bold"
			requiredMessage="#{message['empleado.apematerno.validation']}"/>
			
			<h:outputText value="#{message['empleado.genero']}" />
			<p:selectOneRadio  value="#{mantenimientoEmpleadoFormAction.objEmpleado.genero}" required="true" style="width:250px;font-weight:bold" >
	            <f:selectItem itemLabel="Femenino" itemValue="F" />
	            <f:selectItem itemLabel="Masculino" itemValue="M" />
            </p:selectOneRadio>
            
			<h:outputText value="#{message['empleado.usuario']}" />
			<p:inputText id="usuario" value="#{mantenimientoEmpleadoFormAction.objEmpleado.usuario}" required="true" label="Usuario" style="width:250px;font-weight:bold"
			requiredMessage="#{message['empleado.usuario.validation']}"/>
		    
		    <h:outputText value="#{message['empleado.contrasena']}" />
			<p:password id="contrasenya" value="#{mantenimientoEmpleadoFormAction.objEmpleado.contrasena}" required="true" label="Contrasenya" style="width:250px;font-weight:bold"
			requiredMessage="#{message['empleado.contrasenya.validation']}"  />
			
			<h:outputText value="#{message['empleado.confcontra']}" />
			<p:password id="confcontra" value="#{mantenimientoEmpleadoFormAction.confcontra}" required="true" label="Confcontra" style="width:250px;font-weight:bold"
			requiredMessage="#{message['empleado.confcontra.validation']}"/>
			
			<h:outputText value="#{message['empleado.tipodoc']}" id="tipoL"  />
            <p:selectOneMenu id="tipo" value="#{mantenimientoEmpleadoFormAction.tipoDocumento}" required="true"  >
            <f:selectItems  value="#{comboAction.tipoDocumentoitems}" />
            <p:ajax update="nrodoc"/>
            </p:selectOneMenu>
            
            <h:outputText value="#{message['empleado.nrodoc']}" />
            <h:panelGroup id="nrodoc" >
			<p:inputMask value="#{mantenimientoEmpleadoFormAction.objEmpleado.numdocumento}" mask="99999999" style="width:250px;font-weight:bold"
					rendered="#{mantenimientoEmpleadoFormAction.tipoDocumento==1}"
					required="true" requiredMessage="#{message['empleado.nrodoc.validation']}" />
					
			<p:inputMask value="#{mantenimientoEmpleadoFormAction.objEmpleado.numdocumento}" mask="99999999999" style="width:250px;font-weight:bold"
					required="true" rendered="#{mantenimientoEmpleadoFormAction.tipoDocumento==2}"/>
            </h:panelGroup>
                          
            <h:outputText value="#{message['empleado.fechanac']}" />
			<p:calendar pagedate="-8380" maxdate="today" value="#{mantenimientoEmpleadoFormAction.objEmpleado.fechanacimiento}" required="true" ajax="true" locale="pe" navigator="true" showButtonPanel="true" pattern="dd/MM/yyyy"  id="fechanac"  style="width:250px;font-weight:bold"
			label="Fecha de nacimiento" requiredMessage="#{message['empleado.fechanac.validation']}" size="10" />                  
            
            <h:outputText value="#{message['empleado.correo']}" />
					<p:inputText value="#{mantenimientoEmpleadoFormAction.objEmpleado.correo}"  style="width:250px;font-weight:bold" title="para el @ presione: la tecla Alt + 64 y en laptop Alt Gr + Q" required="true" requiredMessage="#{message['contrato.cliente.email.validation']}" id="email" validatorMessage="Email incorrecto" maxlength="45" >
					 <f:validateRegex pattern="#{message['pattern.email.norequired']}" />
					</p:inputText>
            <p:watermark for="email" value="ejm@edicsem.com" /> 
            <p:tooltip for="email"/>
            
                      
            
            <h:outputText value="cargoempleado" id="cargoempleado"  />
            <p:selectOneMenu id="cargo" value="#{mantenimientoEmpleadoFormAction.cargoEmpleado}" required="true"  >
            <f:selectItems  value="#{comboAction.cargoEmpleadoItems}" />
            </p:selectOneMenu>
            
			</h:panelGrid></center>
			</p:panel>
        </p:tab>
    
<p:tab title="#{message['empleado.tabnumeros']}">
			  <p:panel >
			  <p:messages id="messaget" showDetail="true"/>
			<center>	<h:panelGrid columns="6"  id="panelTlf" cellpadding="4" >
				
				<h:outputText value="#{message['empleado.tipo.telefono']}" />
				<p:selectOneMenu  value="#{mantenimientoEmpleadoFormAction.tipoTelef}"
						style="width:260px;font-weight:bold"  >
						<f:selectItem itemLabel="Fijo" itemValue="1" />
						<f:selectItem itemLabel="Celular" itemValue="2" />
						<p:ajax update="panelTlf" listener="#{mantenimientoEmpleadoFormAction.limpiarDatosTelefono}" />
				</p:selectOneMenu>
				<p:spacer />
					
				<h:outputText value="#{message['empleado.operadorTelefonico']}" />
				<p:selectOneMenu id="operadorTelefonico" required="true" value="#{mantenimientoEmpleadoFormAction.operadorTelefonico}" rendered="#{mantenimientoEmpleadoFormAction.tipoTelef==1}"
					style="width:260px;font-weight:bold" requiredMessage="#{message['empleado.operadorTelefonico.validation']}" >
					<f:selectItem itemLabel="Seleccione Operador" itemValue="#{null}" />
					<f:selectItem itemLabel="Claro" itemValue="1" />
					<f:selectItem itemLabel="Telefónica" itemValue="2" />
				</p:selectOneMenu>
				<p:message for="operadorTelefonico" rendered="#{mantenimientoEmpleadoFormAction.tipoTelef==1}" />
					
				<p:selectOneMenu id="operadorCelular" required="true" value="#{mantenimientoEmpleadoFormAction.operadorTelefonico}" rendered="#{mantenimientoEmpleadoFormAction.tipoTelef==2}"
					style="width:260px;font-weight:bold" requiredMessage="#{message['empleado.operadorTelefonico.validation']}" >
					<f:selectItem itemLabel="Seleccione Operador" itemValue="#{null}" />
					<f:selectItem itemLabel="Claro" itemValue="1" />
					<f:selectItem itemLabel="Movistar" itemValue="2" />
					<f:selectItem itemLabel="Nextel" itemValue="3" />
				</p:selectOneMenu>
				<p:message for="operadorCelular" rendered="#{mantenimientoEmpleadoFormAction.tipoTelef==2}" />
					
				<h:outputText value="#{message['empleado.telefono']}" rendered="#{mantenimientoEmpleadoFormAction.tipoTelef==1}" />
				<p:inputMask id="numTelef" mask="999-9999" value="#{mantenimientoEmpleadoFormAction.nuevoTelef.telefono}" style="width:250px;font-weight:bold"
					requiredMessage="#{message['empleado.telefono.casa.validation']}"  rendered="#{mantenimientoEmpleadoFormAction.tipoTelef==1}"/>
				<p:message for="numTelef" rendered="#{mantenimientoEmpleadoFormAction.tipoTelef==1}"/>
					
				<h:outputText value="#{message['empleado.celular']}"  rendered="#{mantenimientoEmpleadoFormAction.tipoTelef==2}"/>
				<p:inputMask mask="999-999999" value="#{mantenimientoEmpleadoFormAction.nuevoTelef.telefono}" id="numCelular" style="width:250px;font-weight:bold"
					requiredMessage="#{message['empleado.celular.validation']}"  rendered="#{mantenimientoEmpleadoFormAction.tipoTelef==2}"/>
				<p:message for="numCelular"  rendered="#{mantenimientoEmpleadoFormAction.tipoTelef==2}"/>
						
				<h:outputText value="#{message['empleado.telefono.descripcion']}" />
				<p:inputText value="#{mantenimientoEmpleadoFormAction.nuevoTelef.desctelefono}" style="width:250px;font-weight:bold" />
				<p:spacer />
								
				<center>
				<p:commandButton value="#{message['empleado.agregartelefonoLista']}"  icon="ui-icon ui-icon-check"  
				actionListener="#{mantenimientoEmpleadoFormAction.telefonoAgregar}" update="listarTelefonos, messaget" />
				</center>
				<p:spacer />
				
				</h:panelGrid></center>
				<center><p:dataTable value="#{mantenimientoEmpleadoFormAction.telefonoPersonaList}" id="listarTelefonos" var="o" style="width:600px" 
					rowStyleClass="#{o.operadorTelefonico eq 'Claro' ? 'colorRojo': (o.operadorTelefonico eq 'Movistar' ? 'color2': 'color3') }"   >
					<f:facet name="header">
						<h:outputLabel value="#{message['empleado.telefonoLista']}" />
					</f:facet>
					<p:column headerText="#{message['empleado.numtelefonico']}" style="width:270px">
		                 <h:outputText value="#{o.tipoTelef}, #{o.operadorTelefonico}, #{o.telefono}" />
		            </p:column>
		            <p:column headerText="#{message['empleado.detalletelefono']}" style="width:125px">
		                 <h:outputText value="#{o.desctelefono}" />
		            </p:column>
		            <p:column headerText="#{message['rsltd.deshabilitar']}" style="width:125px">
		              <center><p:commandButton id="showConfirmDeshabilitarTelEmp"   
				            icon="ui-icon ui-icon-close" onclick="confirmationTelEmp.show()"> 
	 					<f:setPropertyActionListener value="#{o.telefono}" target="#{mantenimientoEmpleadoFormAction.idt}" />
	 				</p:commandButton></center>   	 				
		            </p:column>
		        </p:dataTable></center>
				</p:panel>
</p:tab>



 <p:tab title="#{message['empleado.domicilio']}">
        <p:panel >
        <h:messages id="messaget2" showDetail="true" />  
        <h:panelGrid columns="2" id="panel3" cellpadding="4" >
         <h:outputText value="#{message['empleado.direccion']}"  />
			<p:inputText id="domicilio" value="#{mantenimientoEmpleadoFormAction.objDomicilio.domicilio}" required="true" label="Domicilio" 
						requiredMessage="#{message['empleado.direccion.validation']}" style="width:250px;font-weight:bold" />  			    
				
				<h:outputText value="#{message['rsltd.ubigeo.departamento']}" />
				<p:selectOneMenu size="1" value="#{mantenimientoEmpleadoFormAction.idDepartamento}" filter="true" filterMatchMode="startsWith"
					required="true" style="width:260px;font-weight:bold"
					requiredMessage="#{message['rsltd.ubigeo.departamento.validation']}" >
					<f:selectItem itemLabel="Seleccione Departamento"
						itemValue="#{null}" />
					<f:selectItems value="#{comboAction.ubigeoDeparItems}" />
					<p:ajax update="prov,dist" listener="#{mantenimientoEmpleadoFormAction.cambiar}" />
				</p:selectOneMenu>

				<h:outputText value="#{message['rsltd.ubigeo.provincia']}" />
				<p:selectOneMenu id="prov" value="#{mantenimientoEmpleadoFormAction.idProvincia}" filter="true" filterMatchMode="startsWith"
					required="true" style="width:260px;font-weight:bold"
					requiredMessage="#{message['rsltd.ubigeo.provincia.validation']}" >
					<f:selectItem itemLabel="Seleccione Provincia" itemValue="#{null}" />
					<f:selectItems value="#{comboAction.ubigeoProvinItems}" />
					<p:ajax update="dist" listener="#{mantenimientoEmpleadoFormAction.cambiar2}" />
				</p:selectOneMenu>

				<h:outputText value="#{message['rsltd.ubigeo.distrito']}" />
				<p:selectOneMenu id="dist" value="#{mantenimientoEmpleadoFormAction.idUbigeo}" filter="true" filterMatchMode="startsWith"
					required="true" style="width:260px;font-weight:bold"
					requiredMessage="#{message['rsltd.ubigeo.distrito.validation']}" >
					<f:selectItem itemLabel="Seleccione Distrito" itemValue="#{null}" />
					<f:selectItems value="#{comboAction.ubigeoDistriItems}" />
					<p:ajax update="ubigeoDefecto2" listener="#{mantenimientoEmpleadoFormAction.busquedaUbigeo}" ></p:ajax>
				</p:selectOneMenu>
				
				<h:outputText value="#{message['rsltd.ubigeo.ubigeoupdate']} " />
				<h:outputText id="ubigeoDefecto2" value="#{mantenimientoEmpleadoFormAction.ubigeoDefecto}" />
			
			<p:outputLabel for="tipocasa" value="#{message['empleado.tipoCasa']}" id="tipocasaL"/>
            <p:selectOneMenu id="tipocasa" value="#{mantenimientoEmpleadoFormAction.tipo}" required="true"  style="width:260px;font-weight:bold" >
            <f:selectItem  itemValue="#{null}" itemLabel="Seleccione una opción"/>
            <f:selectItems value="#{comboAction.tipocasaItems}" />
            </p:selectOneMenu>
           </h:panelGrid>
            </p:panel>
        </p:tab>
               
       
        </p:wizard></center> 
        <center><p:panel effect="slide">
          <p:commandButton id="btngu" value="#{message['rsltd.guardar']}" update="message" action="#{mantenimientoEmpleadoFormAction.insertar}" ajax="false" icon="ui-icon ui-icon-disk"/>
        <p:commandButton id="btnreg" value="#{message['rsltd.regresar']}" action="#{mantenimientoEmpleadoSearchAction.listar}" immediate="true" ajax = "false"  icon="ui-icon-circle-arrow-w"/> 
			</p:panel></center>
	</p:panel>	            
	</h:form>
	</ui:define>
</ui:composition>